import React from 'react'

import ReactDOM from 'react-dom';
import { SearchBar, Button, WhiteSpace, WingBlank } from 'antd-mobile';
import Test from './test.jsx'
import '../css/home.css'






class Home extends React.Component {
  state = {
    value: '',
    select:null
  };

  componentDidMount() {
    this.autoFocusInst.focus();
  }
  onChange= (value) => {
    this.setState({ value });
  };
  clear = () => {
    this.setState({ value: '' });
  };
  handleClick = () => {
    this.manualFocusInst.focus();
  }
  render() {
    return (<div>
      <div class='left'>
     <Test></Test>

      </div>
      
      <div class='right'>
        
      <SearchBar  ref={ref => this.autoFocusInst = ref} 
       value={this.state.value}
       placeholder="Search"
       onSubmit={value => console.log(value, 'onSubmit')}
       onClear={value => console.log(value, 'onClear')}
       onFocus={() => console.log('onFocus')}
       onBlur={() => console.log('onBlur')}
       onChange={this.onChange}
       />
  </div>
    </div>);
  }
}




export default Home